<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/magnifier.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../libs/font/font_3602561_v8zuimrfl5/iconfont.css">


</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <div class="center">
            <ul>
                <li><a href="../index.html">首页</a></li>
                <li><a>华为官网</a></li>
                <li><a>花粉俱乐部</a></li>
                <li><a>v码(优购码)</a></li>
                <li><a>企业购</a></li>
                <li><a>Select Region</a></li>
                <li><a>更多精彩</a></li>
            </ul>
            <!-- 要给登录和注册加上跳转地址 -->
            <div class="sign-in">
                <div>
                    <a href="Sign.html">请登录</a>
                    <a href="register.html">注册</a>
                </div>
                <div><a>我的订单</a></div>
                <div><a>客服</a></div>
                <div><a>网站导航</a></div>
                <div><a>手机版</a></div>
            </div>
            <div class="cart"><a><img src="../img/03.jpg" alt="">购物车<span>(0)</span></a></div>
        </div>
    </div>
    <!-- 导航 -->
    <div id="nav">
        <div class="center">
            <div class="img"></div>
            <div class="Navigation">
                <div>
                    <div><a>华为专区</a></div>
                    <div><a>鸿蒙智联</a></div>
                    <div><a>莫塞尔</a></div>
                    <div><a>华为智选</a></div>
                    <div><a>HarmonyOs</a></div>
                    <div><a>特惠企采</a></div>
                    <div><a>教育购</a></div>
                </div>
            </div>
            <div class="Shopping-cart"><img src="../img/01.jpg" alt=""></div>
        </div>
    </div>
    <!-- 遮罩层 -->
    <div class="mask">
        <div>
            <div>
                <sapn class="sp1"><img src="../img/02.jpg" alt=""></sapn>
                <input type="text">
                <span class="sp2">x</span>
            </div>
        </div>
        <ul>
            <li></li>
        </ul>
    </div>
    <!-- 详情页 -->
    <div class="g">
        <div class="center">
            <a href="">首页</a>&nbsp;>&nbsp;
            <a href="">手机</a>&nbsp;>&nbsp;
            <a href="">华为畅享系列</a>&nbsp;>&nbsp;
            <span id="bread-pro-name">【新品】华为畅享 50 Pro 128GB 幻夜黑 鸿蒙手机</span>
        </div>
    </div>
    <!-- 放大镜选项卡 -->
    <div id="box">
        <div class="center">
            <div class="left">
                <ul>
                    <span></span>
                    <li class="active"><img src=""></li>
                    <li><img src=""></li>
                    <li><img src=""></li>
                    <li><img src=""></li>
                </ul>
                <ol>
                    <li class="show"><img src=""></li>
                    <li><img src=""></li>
                    <li><img src=""></li>
                    <li><img src=""></li>
                </ol>
            </div>
            <div class="box2">
                <ul>
                    <li class="active"><img src=""></li>
                    <li><img src=""></li>
                    <li><img src=""></li>
                    <li><img src=""></li>
                </ul>
            </div>
            <div class="right">
                <h1>HUAWEI Mate Xs 2 8GB+256GB （锦白）鸿蒙手机</h1>
                <a href="">【新一代折叠旗舰：现货速发】更多甄选手机>></a>
                <div class="pic">
                    <div class="top">
                        <label for="">价&emsp;&emsp;&emsp;&emsp;格</label>
                        <div class="price">￥9999.00</div>
                    </div>
                    <div class="buttom">
                        <label for="">促&emsp;&emsp;&emsp;&emsp;销</label>
                        <em>赠送积分</em>
                        <div class="Promotion">购买即赠商城积分，积分可抵现~</div>
                    </div>
                </div>
                <div class="image"></div>
                <div class="operation">
                    <div class="stock">
                        <input type="text" class="txt" value="1">
                        <div class="stock-btn">
                            <div href="" class="box3">+</div>
                            <div href="" class="box4">-</div>
                        </div>
                    </div>
                    <a href="" class="button01"><p>加入购物车</p></a>
                    <a href="" class="button02"><p>立即下单</p></a>
                </div>
            </div>
            <div class="box"></div>
        </div>
    </div>
 
     <!-- 尾部 -->
     <div id="footer">
        <div class="center">
            <!-- 售后服务 -->
            <div class="afterSales">
                <div class="box1">
                    <div class="enterprise">
                        <div class="left"></div>
                        <div class="right">百强企业 品质保证</div>
                    </div>
                </div>
                <div class="box2">
                    <div class="enterprise">
                        <div class="left"></div>
                        <div class="right">7天退货 15天换货</div>
                    </div>
                </div>
                <div class="box3">
                    <div class="enterprise">
                        <div class="left"></div>
                        <div class="right">48元起免运费</div>
                    </div>
                </div>
                <div class="box4">
                    <div class="enterprise">
                        <div class="left"></div>
                        <div class="right">2000家服务店 全国联保</div>
                    </div>
                </div>
            </div>
            <!-- 联系我们 -->
            <div class="contact">
                <div class="left">
                    <div>
                        <div>购物指南</div>
                        <dl>
                            <li>免息分期</li>
                            <li>以旧换新</li>
                            <li>众测活动</li>
                            <li>企业购</li>
                            <li>O2O采购</li>
                        </dl>
                    </div>
                    <div>
                        <div>售后服务</div>
                        <dl>
                            <li>门店维修</li>
                            <li>保修政策</li>
                            <li>防伪查询</li>
                            <li>退换货政策</li>
                            <li>手机寄修服务</li>
                            <li>维修备件价格查询</li>
                        </dl>
                    </div>
                    <div>
                        <div> 维修与技术支持</div>
                        <dl>
                            <li>服务店</li>
                            <li>预约维修</li>
                            <li>手机寄修</li>
                            <li>备件价格查询</li>
                            <li>上门服务</li>
                        </dl>
                    </div>
                    <div>
                        <div>特色服务</div>
                        <dl>
                            <li>防伪查询</li>
                            <li>补购保障</li>
                            <li>以旧换新</li>
                            <li>礼品包装</li>
                        </dl>
                    </div>
                    <div>
                        <div>  关于我们</div>
                        <dl>
                            <li>公司介绍</li>
                            <li>华为零售店</li>
                            <li>商家中心</li>
                            <li>意见反馈</li>
                        </dl>
                    </div>
                    <div>
                        <div>友情链接</div>
                        <dl>
                            <li>华为集团</li>
                            <li>华为CBG官网</li>
                            <li>花粉俱乐部</li>
                            <li>华为云</li>
                            <li>华为应用市场</li>
                        </dl>
                    </div>  
                </div>
                <div class="line"></div>
                <div class="right">
                    <p class="title">950805</p>
                    <p class="customerService">7x24小时客服热线（仅收市话费）</p>
                    <div class="onlineService">
                        <div class="box">
                        <div class="iconfont icon-kefufenxiermaikefu"></div>
                        <a href="">在线客服</a>
                        </div>
                    </div>
                    <div class="vmall">
                        <h2>关注VMALL：</h2>
                        <div>
                            <a href="" class="iconfont icon-weixin"></a>
                            <a href="" class="iconfont icon-weibo"></a>
                            <a href="" class="iconfont icon-toutiaoyangshi"></a>
                            <a href="" class="iconfont icon-BaiDu"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom">
                <div><img src="../img/logo.png" alt=""></div>
                <div class="box">
                    <ul>
                        <li><a href="">华为集团</a>|</li>
                        <li><a href="">华为CBG官网</a>|</li>
                        <li><a href="">花粉俱乐部</a>|</li>
                        <li><a href="">华为应用市场</a>|</li>
                        <li><a href="">HarmonyOS</a>|</li>
                        <li><a href="">华为终端云空间</a>|</li>
                        <li><a href="">开发者联盟</a>|</li>
                        <li><a href="">华为商城手机版</a></li>
                    </ul>
                  <p>
                    <a href="">隐私声明 服务协议 COOKIES  Copyright © 2012-华为终端有限公司 版权所有</a>
                    <a href="">| 经营资质 | </a>
                    <a href="">粤ICP备19015064号</a>
                    <a href="">粤公网安备 44190002003939号</a>
                  </p>
                  <p>
                    <a href="">增值电信业务经营许可证：粤B2-20190762</a>
                    <a href="">备案主体编号：44201919072182</a>
                    <a href="">粤新出网备（2021）2号</a>
                    <a href="">（粤）网械平台备字[2022]第00005号</a>
                  </p>
                    
                  <p>
                    <a href="">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a>
                    <a href="">粤东食药监械经营备20203930</a>
                    <a href="">广东省网络食品交易第三方平台备案：GDWS10168</a>
                  </p>
                </div>
                <div class="img"></div>
            </div>
        </div>
    </div>
   <!-- 侧边栏 -->
    <div id="sidebar">
        <div class="head">
           <a href="cart.html">
            <div class="span">0</div>
            <div><span class="iconfont icon-gouwuche"></span></div>
            <p>购物车</p>
           </a>
        </div>
        <div>
           <a href="">
            <div><span class="iconfont icon-kefu"></span></div>
            <p>在线客服</p> 
           </a>
        </div>
        <div>
            <a href="">
            <div><span class="iconfont icon-love"></span></div>
            <p>自助服务</p>
            </a>
        </div>
        <div class="hide-code">
           <a href="">
            <div><span class="iconfont icon-erweima"></span></div>
            <p>二维码</p>
           </a>
        </div>
    </div>
 <!-- 二维码 -->
 <div class="code">
    <img src="../img/49.jpg" alt="">
 </div>
    <script src="../libs/jquery.min.js"></script>
    <script src="../js/magnifier.js"></script>
    <script src="../js/code.js"></script>
    <script src="../js/c.js"></script>
  
</body>

</html>